﻿@charset "utf-8";
/* CSS Document */

/* Title 标题公共样式*/
.Title{width: 100%;overflow: hidden;text-align: center;background: url(Img/Index/adv_xian.png) no-repeat center 44px;}
.Title p{font-size: 21px;color: #c0c0c2;font-family: 'Myriad Pro';text-transform: uppercase;letter-spacing: 2px;}
.Title h2{font-size: 32px;color: #333333;font-weight: normal;display: inline-block;position: relative;left: -10px;}
.Title h2{*display: inline;}
.Title h2 a{color: #333333;text-decoration: none;}


/* 广告样式 */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:620px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 26px;left: 0; z-index:2;}
#flashs .btn span{display: inline-block;width: 77px;height: 9px;margin-left: 9px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span{*display: inline; background:#000000; text-indent:-9999px;}
#flashs .btn span.cur {background: #F4DF30;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}



/* banner */
.banner{overflow: hidden;width: 100%;overflow: hidden;background: url(Img/Index/banner.jpg) no-repeat center;height: 619px;}
.banner .container{position: relative;height: 619px;}
.banner .list{width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 26px;left: 0;}
.banner .list span{display: inline-block;width: 77px;height: 9px;margin-left: 9px;}
.banner .list span:first-child{margin-left: 0;}
.banner .list span{*display: inline;}
.banner .list .first{background: #000000;}
.banner .list .second{background: #dd0000;}
.banner .list .third{background: #ffce00;}

/* search */
.search{width: 100%;height: 70px;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #000000;font-weight: bold;width: 588px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #000000;font-weight: normal;margin: 0 8px;}
.search .Input{width: 291px;height: 40px;line-height: 40px;float: right;margin-top: 16px;}
.search .Input input{padding-left: 22px;font-size: 14px;outline: none;border: none;border-left: 1px solid #e8e8e8;color: #8a8a8a;height: 40px;line-height: 40px;width: 236px;float: left;}
.search .Input a{display: block;float: left;width: 30px;height: 40px;}
.search .Input a img{display: block;margin-top: 8px;}

/* adv */
.adv{width: 100%;overflow: hidden;background: #f0f0f2;padding: 30px 0 48px 0;}
.adv .conBox{width: 100%;margin-top: 42px;}
.adv .menu{width: 100%;}
.adv dl{width: 332px;height: 63px;background: #7f7f7f;float: left;padding-top: 22px;margin-left: 2px;position: relative;}
.adv dl i{position: absolute;display: block;width: 16px;height: 8px;left: 50%;margin-left: -8px;bottom: -4px;display: none;}
.adv dl:first-child{margin-left: 0;}
.adv dt{float: left;width: 49px;height: 47px;margin-left: 68px;}
.adv .dif{float: left;margin-left: 12px;}
.adv .dif p{font-size: 16px;color: #fde72f;margin-top: 2px;}
.adv .dif span{font-size: 12px;color: #fde72f;display: block;margin-top: 4px;}
.adv dl.cur{background: #20201f;}
.adv dl.cur i{display: block;}
.adv .con{width: 100%;overflow: hidden;height: 335px;margin-top: 26px;}
.adv .con ul{width: 105%;height: 335px;}
.adv .con li{width: 325px;height: 335px;background: #fff;float: left;margin-right: 12px;position: relative;}
.adv .con li img{display: block;margin: 12px auto 0;}
.adv .con p{width: 257px;margin: 15px auto 0;font-size: 14px;line-height: 22px;color: #333333;}
.adv .con li i{display: block;width: 257px;height: 1px;background: #e5e5e5;position: absolute;bottom: 28px;left: 32px;} 


/* product */
.product .con1 ul li a{ display:block; width:493px; height:261px;}

.product .Title .p2{ font-family:"微软雅黑";}
.product{width: 100%;background: #333333;padding: 48px 0 53px 0;}
.product .Title{background: url(Img/Index/product_xian.png) no-repeat center 44px;}
.product .Title p{color: #545454;}
.product .Title h2{left: 0;}
.product .Title h2 a{color: #fff;}
.product .Title .p2{font-style: 18px;color: #fff;margin-top: 20px;}
.product .conBox{width: 100%;margin-top: 42px;}
.product .con1{width: 100%;}
.product .con1 ul{width: 105%;}
.product .con1 li{float: left;width: 493px;height: 261px;margin-right: 12px;}
.product .con2{border: 2px solid #484848;border-bottom: none;width: 996px;margin-top: 32px;}
.product .con2 dl{height: 48px;border-bottom: 2px solid #484848;line-height: 48px;}
.product .con2 dt{width: 156px;height: 48px;color: #c6c6c6;font-size: 18px;text-align: center;border-right: 2px solid #484848;float: left;position: relative;}
.product .con2 dt i{display: block;width: 8px;height: 13px;position: absolute;right: -8px;top: 37%;display: none;}
.product .con2 dt.cur{height: 50px;background: #fde72f;color: #000000;position: relative;top: -1px;}
.product .con2 dt.cur i{display: block;}
.product .con2 dd a:hover{color: #fff;}
.product .con2 dd{width: 783px;height: 48px;float: left;padding-left: 52px;}
.product .con2 dd a{font-size: 14px;color: #c6c6c6;margin: 0 24px;}
.product .con2 dd a:first-child{margin-left: 0;}
.product .con3{width: 100%;margin-top: 23px;}
.product .con3 ul{width: 105%;}
.product .con3 li{width: 237px;height: 326px;background: #fff;float: left;margin-right: 17px;text-align: center;position: relative;}
.product .con3 .pic{display: block;margin: 19px auto 0;}
.product .con3 span{font-size: 14px;color: #080808;display: block;margin-top: 10px;}
.product .con3 em img{display: block;margin: 15px auto 0;}
.product .con3 li i{display: block;width: 100%;height: 4px;background: #fde72f;position: absolute;bottom: 0;left: 0;display: none;}
.product .con3 li:hover i{display: block;}
.product .btn{width: 100%;text-align: center;margin-top: 38px;}
.product .btn a{display: inline-block;text-decoration: none;}
.product .btn a{display: *inline;}
.product .btn .more{width: 128px;height: 29px;line-height: 29px;text-align: center;border: 2px solid #c3c3c3;font-size: 14px;color: #fff;border-radius: 2px;}
.product .btn .fw{width: 88px;height: 33px;line-height: 33px;padding-left: 58px;background: url(Img/Index/product_icon01.png) no-repeat 35px center #fde72f;font-size: 14px;margin-left: 25px;}

/* video */
.video{width: 100%;overflow: hidden;padding: 53px 0 45px 0;}
.video .conL{float: left;width: 705px;}
.video .conL ul{width: 105%;}
.video .conL li{width: 342px;height: 290px;position: relative;float: left;margin-right: 20px;}
.video .conL li img{display: block;}
.video .conL li span{display: block;font-size: 13px;color: #666666;height: 52px;line-height: 52px;text-align: center;background: #f6f6f6;}
.video .conL li a{display: block;text-decoration: none;}
.video .conL li i{display: block;width: 318px;height: 7px;position: absolute;left: 50%;margin-left: -159px;bottom: -7px;}
.video .conR{width: 252px;float: right;}
.video .conR .top{width: 100%;padding-bottom: 12px;border-bottom: 2px solid #a9a9a9;}
.video .conR .top h3{float: left;font-size: 18px;color: #282828;font-weight: normal;padding-left: 39px;background: url(Img/Index/video_icon01.png) no-repeat left center;line-height: 30px;}
.video .conR .top a{float: right;font-size: 12px;color: #282828;text-decoration: none;margin-top: 13px;display: block;margin-right: 8px;}
.video .conR ul{padding: 0 5px;}
.video .conR li{padding: 24px 0 15px 0;border-bottom: 1px dotted #d1d1d1;}
.video .conR li p{font-size: 13px;color: #333333;line-height: 20px;height: 40px;overflow: ellipsis;overflow: hidden;}
.video .conR li p a{color: #333;}

/* case */
.case{width: 100%;overflow: hidden;}
.case .Title{background: url(Img/Index/case_xian.png) no-repeat center 44px;}
.case .Title h2{left: 0;}
.case .menu{width: 100%;text-align: center;margin-top: 34px;}
.case .menu a{display: inline-block;*display: inline;width: 163px;height: 52px;line-height: 52px;text-align: center;background: #7f7f7f;font-size: 16px;color: #fde72f;text-decoration: none;position: relative;zoom:1;margin-left: 4px;}
.case .menu a:first-child{margin-left: 0;}
.case .menu a.last{*margin-left: 8px;}
.case .menu i{display: none;width: 14px;height: 7px;position: absolute;left: 50%;margin-left: -7px;bottom: -7px;background: url(Img/Index/case_icon01.png) no-repeat center;}
.case .menu a.cur{background: #20201f;}
.case .menu a.cur i{display: block;}
.case .conBox{width: 100%;overflow: hidden;margin-top: 24px;}

.case .con{background: url(Img/Index/casePic01.jpg) no-repeat center;}
.case .c1{width: 100%;overflow: hidden;background: url(Img/Index/casePic01.jpg) no-repeat center; height: 528px;}
.case .c2{width: 100%;overflow: hidden;background: url(Img/Index/casePic02.jpg) no-repeat center; height: 528px;}
.case .c3{width: 100%;overflow: hidden;background: url(Img/Index/casePic03.jpg) no-repeat center; height: 528px;}
.case .c4{width: 100%;overflow: hidden;background: url(Img/Index/casePic04.jpg) no-repeat center; height: 528px;}
.case .c5{width: 100%;overflow: hidden;background: url(Img/Index/casePic05.jpg) no-repeat center; height: 528px;}

.case .con .container{position: relative;height: 528px;}
.case .box{width: 100%;height: 116px;background: url(Img/Index/caseBg.png) repeat-y;position: absolute;left: 0;bottom: 0; z-index:2;}
.case .box .conL{width: 740px;float: left;padding-top: 28px;}
.case .box dl{width: 100%;}
.case .box dt{width: 68px;height: 33px;float: left;margin: 12px 18px 0 34px;}
.case .box dd{width: 584px;float: left;background: url(Img/Index/case_xian2.png) no-repeat left 3px;padding-left: 34px;}
.case .box dd span{display: block;font-size: 14px;color: #fff;}
.case .box dd p{font-size: 14px;color: #fff;line-height: 20px;height: 48px; text-align:justify;}
.case .box .conR{width: 131px;float: right;margin: 20px 48px 0 0;}
.case .box .conR a{display: block;width: 126px;height: 30px;line-height: 30px;text-align: center;text-decoration: none;border: 2px solid #8e8e8b;border-radius: 3px;margin-bottom: 10px;font-size: 14px;color: #fff;}
.case .container i{display: block;width: 54px;height: 11px;position: absolute;top: 139px;cursor: pointer; z-index:2;}
.case .container .mprev{left:0;}
.case .container .mnext{right:0;}
.al-qh span{ width:1000px; height:528px; overflow:hidden; display:block;}
.al-qh span a{ width:1000px; height:528px; overflow:hidden; display:block;}
.al-qh span a img{ width:1000px; height:528px; overflow:hidden;}
.al2{ position:relative;}
.case .c1 dt img,.case .c3 dt img,.case .c4 dt img,.case .c5 dt img{ margin-top:-18px;}

.case .c3 .box{}

/* about */
.about{width: 100%;}
.about .con1{height: 244px;background: #f0f0f2;}
.about .con1 dl{padding-top: 44px;position: relative;}
.about .con1 dt{width: 432px;height: 359px;position: absolute;top: 44px;left: 0;}
.about .con1 dd{width: 544px;float: right;}
.about .con1 dd h3{font-size: 32px;color: #333333;font-weight: normal;margin-top: 28px;}
.about .con1 dd h3 a{text-decoration: none;color: #333333;}
.about .con1 dd i{display: inline-block;*display: inline;position: relative;left: 12px;top: -6px;}
.about .con1 dd p{font-size: 14px;color: #333333;line-height: 25px;height:110px;overflow: ellipsis;overflow: hidden;margin-top: 22px;}
.about .con2{width: 100%;height: 159px;background: #f9f9f9;}
.about .con2 ul{padding-top: 22px;}
.about .con2 li{float: right;width: 188px;height: 122px;border-left: 1px solid #efefef;border-right: 1px solid #f0f0f0;text-align: center;}
.about .con2 li:first-child{border-right: none;}
.about .con2 li.last{border-left: none;}
.about .con2 li p{font-size: 14px;color: #333333;margin-top: 13px;}
.about .con2 li p em{color: #dd0000;font-size: 50px;font-weight: bold;}
.about .con2 li span{display: block;font-size: 12px;color: #333;margin-top: 4px;}


/* news */
.news{width: 100%;overflow: hidden;padding:32px 0 60px 0;}
.news .Title{background: url(Img/Index/news_xian.png) no-repeat center 44px;}
.news .Title h2{left: 9px;}
.news .menu{text-align: center;margin-top: 34px;}
.news .menu a{display: inline-block;*display: inline;font-size: 18px;color: #666666;padding: 0 25px;border-left: 1px dotted #b7b7b7;}
.news .menu a:first-child{border-left: none;}
.news .menu a.cur{color: #000000;font-weight: bold;}
.news .conBox{width: 100%;overflow: hidden;margin-top: 40px;height: 308px;}
.news .box{width: 100%;height: 308px;}
.news .box .conL{float: left;width: 602px;}
.news .box .conL .sideCon{width: 290px;float: left;margin-left: 20px;}
.news .box .conL .sideCon:first-child{margin-left: 0;}
.news .box .conL .sideCon img{display: block;}
.news .box .conL .sideCon h3{overflow: hidden;margin-top: 22px;}
.news .box .conL .sideCon h3 a{color: #333333;font-size: 17px;font-weight: normal;display: block;float: left;width: 205px;overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .box .conL .sideCon h3 span{display: block;font-size: 13px;color: #666666;float: right;margin-top: 4px;}
.news .box .conL .sideCon p{font-size: 13px;color: #666666;line-height: 22px;margin-top: 10px;height: 44px;overflow: ellipsis;overflow: hidden;}
.news .box .conR{width: 362px;float: right;}
.news .box .conR dl{overflow: hidden;padding-bottom: 15px;border-bottom: 1px solid #c6c6c6;padding-top: 28px;}
.news .box .conR dl:first-child{padding-top: 0;}
.news .box .conR dt{width: 66px;height: 66px;border: 1px solid #dbdbdb;float: left;}
.news .box .conR dt p{height: 45px;line-height: 45px;text-align: center;border-bottom: 1px solid #dbdbdb;font-size: 40px;color: #636363;font-family: arial;font-weight: bold;}
.news .box .conR dt span{display: block;text-align: center;height: 20px;line-height: 20px;font-size: 12px;color: #636363;font-family: arial;}
.news .box .conR dd{width: 284px;float: right;}
.news .box .conR dd h3{font-size: 17px;color: #333333;font-weight: normal;}
.news .box .conR dd h3 a{color: #333333;text-decoration: none;}
.news .box .conR dd p{font-size: 13px;color: #666666;line-height: 20px;height: 40px;verflow: ellipsis;overflow: hidden;margin-top: 8px;}

/* link */
.link{width: 100%;overflow: hidden;background: #f0f0f2;padding: 24px 0 28px 0;}
.link dt{float: left;width: 134px;font-size: 14px;color: #525252;}
.link dt span{font-size: 17px;color: #333333;font-weight: bold;margin-right: 4px;}
.link dd{float: left;padding-top: 4px;width: 866px;}
.link dd a{font-size: 13px;color: #666666;padding: 0 15px;border-left: 1px solid #909091;line-height: 18px;}
.link dd  a:first-child{border-left: none;padding-left: 0;}














